Fix visual regressions on refund with line items view#5951
Fix visual regressions on refund with line items view#5951witoszekdev merged 19 commits intomainfrom
Conversation
🦋 Changeset detectedLatest commit: 9d6cdb9 The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
|
The latest updates on your projects. Learn more about Vercel for GitHub. 1 Skipped Deployment
|
There was a problem hiding this comment.
Pull Request Overview
This PR fixes visual regressions in the refund with line items view by addressing layout spacing and margin issues.
- Replaced flex layout with CSS grid for better alignment of refund summary items
- Added consistent spacing between sidebar components using gap property
- Fixed missing margin on warning component in manual transaction refund page
Reviewed Changes
Copilot reviewed 3 out of 3 changed files in this pull request and generated 3 comments.
| File | Description |
|---|---|
| OrderTransactionSummary.tsx | Refactored layout from flex to grid system with custom line separator component |
| OrderTransactionRefundPage.tsx | Added gap spacing to sidebar container and removed redundant margins |
| OrderManualTransactionRefundPage.tsx | Added missing top margin to warning component |
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
...erTransactionRefundPage/components/OrderTransactionRefundSummary/OrderTransactionSummary.tsx
Outdated
Show resolved
Hide resolved
...erTransactionRefundPage/components/OrderTransactionRefundSummary/OrderTransactionSummary.tsx
Outdated
Show resolved
Hide resolved
...erTransactionRefundPage/components/OrderTransactionRefundSummary/OrderTransactionSummary.tsx
Outdated
Show resolved
Hide resolved
Codecov Report❌ Patch coverage is Additional details and impacted files@@ Coverage Diff @@
## main #5951 +/- ##
==========================================
+ Coverage 40.07% 40.08% +0.01%
==========================================
Files 2473 2474 +1
Lines 40234 40256 +22
Branches 8854 8856 +2
==========================================
+ Hits 16124 16138 +14
- Misses 24083 24091 +8
Partials 27 27 ☔ View full report in Codecov by Sentry. 🚀 New features to boost your workflow:
|
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 8 out of 8 changed files in this pull request and generated 1 comment.
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
...onents/OrderTransactionRefundPage/components/OrderTransactionTiles/OrderTransactionTiles.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 9 out of 9 changed files in this pull request and generated 6 comments.
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
...erTransactionRefundPage/components/OrderTransactionRefundSummary/OrderTransactionSummary.tsx
Outdated
Show resolved
Hide resolved
...erTransactionRefundPage/components/OrderTransactionRefundSummary/OrderTransactionSummary.tsx
Show resolved
Hide resolved
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 10 out of 10 changed files in this pull request and generated 3 comments.
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
...onents/OrderTransactionRefundPage/components/OrderTransactionTiles/OrderTransactionTiles.tsx
Show resolved
Hide resolved
...erTransactionRefundPage/components/OrderTransactionRefundSummary/OrderTransactionSummary.tsx
Outdated
Show resolved
Hide resolved
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 10 out of 10 changed files in this pull request and generated no new comments.
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 10 out of 10 changed files in this pull request and generated 1 comment.
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
...erTransactionRefundPage/components/OrderTransactionRefundSummary/OrderTransactionSummary.tsx
Show resolved
Hide resolved
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 10 out of 10 changed files in this pull request and generated no new comments.
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
There was a problem hiding this comment.
Pull Request Overview
Copilot reviewed 11 out of 11 changed files in this pull request and generated 2 comments.
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
Fixed visual regressions and bugs on granted refund page.
CleanShot.2025-10-09.at.14.32.01.mp4